<template>
	<view class="add_picture">
		<view class="many_photo" v-show="addVideo" style="height: 344rpx;width: 546rpx;border-radius: 20rpx;"  @tap.stop.prevent="test">
			<image v-if="currenttype == 1"  style="width: 100%; height: 100%;" src="@/static/images/user/realName1.png" @tap.stop.prevent="test"></image>
			<image v-else  style="width: 100%; height: 100%;" src="@/static/images/user/realName.png" @tap.stop.prevent="test"></image>
			<!-- <image  style="width: 546rpx; height: 344rpx;border-radius: 20rpx;" @click="test"></image> -->
		</view>
	</view>
</template>
<script module="three" lang="renderjs">
	export default {
		 props: {
		    currenttype: {
		      type: String,
		      default: null,
		    },
		  },
		data() {
			return {
				src: '',
				showVideo: false,
				addVideo: true,
				time:'',
				url:'',
				isUpload:false
			}
		},
		onLoad() {
			
		},
		onShow() {
		},
		onReady() {
		},
		methods: {
			//点击上传视频
			test() {
				console.log(this.currenttype);
				var self = this;
				uni.chooseImage({
					count: 1,
					// sourceType: ['camera', 'album'],
					success: function(res) {
						console.log("选择图片成功", res)
						self.getBase64(res.tempFiles[0]).then(resl => {
							    const params = resl
								console.log(resl)
								self.$emit("result",resl)
						})
						;
						// self.src = res.tempFilePaths[0];
						// self.src = self.src.toString()
						// console.log('路径',self.src)
						// const uploadTask = uni.uploadFile({
						// 	// url: 'http://api-test.nftcn.com.cn/nms/dubbo/osscenter/appApi/uploadImage', //接口地址
						// 	url: self.url, //接口地址
						// 	filePath: self.src,
						// 	name: 'image',//file为video
						// 	// formData: {
						// 	//     'user': res.tempFile
						// 	// },
						// 	header: {
						// 		Authorization: 'Bearer ' + uni.getStorageSync('access'),
						// 		'Authorization': uni.getStorageSync("token"),
						// 	},
						// 	success: (uploadFileRes) => {//回调
						// 		console.log('1张', uploadFileRes);
						// 		let bold = JSON.parse(uploadFileRes.data)
						// 		console.log(bold)
						// 		if(bold.status.code == 0){
						// 			self.$refs.uToast.show({
						// 				title: '上传成功',
						// 				type: 'default',
						// 			})
						// 			self.isUpload=false
						// 			self.$emit("result",bold.result);
						// 		}else{
						// 			self.isUpload=false
						// 				self.$refs.uToast.show({
						// 					title:bold.status.msg ,
						// 					type: 'default',
						// 				})
									
						// 		}
						// 		// self.returnImage = bold.result[0].filePath + bold.result[0]
						// 		// 	.fileName
						// 		// console.log("this.returnImage", self.returnImage)
						// 	},

						// });
						// uploadTask.onProgressUpdate((res) => {
						// 			console.log('上传进度' + res.progress);
						// 			self.time = res.progress + "%"
						// 			console.log(this.time)
						// 			console.log('已经上传的数据长度' + res.totalBytesSent);
						// 			console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
						// 			if(res.progress == 100){
										
						// 			}
						// 			// 测试条件，取消上传任务。
						// 			// if (res.progress > 50) {
						// 			// 	uploadTask.abort();
						// 			// }
						// 		});
					}
				});
			},
			// //右上角删除视频
			// DelImg() {
			// 	this.src = '',
			// 		this.showVideo = false,
			// 		this.addVideo = true
			// 		this.currenttype.url = null
			// 		let bold = null
			// 		this.$emit("result",bold.result);
			// },
			getBase64(file) {
			  return new Promise(function (resolve, reject) {
			    const reader = new FileReader()
			    let imgResult = ''
			    reader.readAsDataURL(file)
			    reader.onload = function () {
			      imgResult = reader.result
			    }
			    reader.onerror = function (error) {
			      reject(error)
			    }
			    reader.onloadend = function () {
			      resolve(imgResult)
			    }
			  })
			},
		}
	}
</script>
<style>
	/* /deep/uni-video {
		margin-top: 20rpx;
		margin-left: 5%;

	} */

	.close-img {
		text-align: center;
		/* position: absolute; */
		bottom: 0rpx;
		color: #09BB07;
	}
</style>
